<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="logo.ico">
    <title>LVBS-后台管理系统脚手架</title>
    <!-- 首页样式 -->
    <link rel="stylesheet" href="zui/css/zui.min.css">
    <link rel="stylesheet" href="zui/css/zui-theme.css">
    <link rel="stylesheet" href="font/css/font-awesome.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- 结束 -->
</head>
<body>
<div class="container-fluid clearfix">
    <!-- 布局开始 -->
    <div class="row" id="header">
        <div class="col-xs-2" style="white-space: nowrap;">
            <button class="btn btn-xs btn-primary side-click"><i class="icon icon-bars"></i></button>
            <button class="btn btn-xs btn-primary FullScreen" data-toggle="tooltip" data-placement="right"
                    title="为了提高您的使用性，建议您全屏操作，点击这里全屏显示。"><i class="icon icon-expand-full"></i></button>
            <button class="btn btn-xs btn-primary ExitFull" data-toggle="tooltip" data-placement="right"
                    title="这里或者摁下 ESC 关闭全屏显示。"><i class="icon icon-collapse-full"></i></button>
            <button class="btn btn-xs btn-primary"><i class="icon icon-off"></i></button>
            <button class="btn btn-xs btn-primary refresh"><i class="icon icon-refresh"></i></button>
        </div>
        <div class="col-xs-8 text-center"><i class="icon icon-html5"></i>欢迎登陆后台管理系统</div>
        <div class="col-xs-2"></div>
    </div>

    <!-- 顶部tab栏 -->
    <div class="row" id="tab-title">
        <div class="tab-nav">
            <ul class="clearfix">
                <li class="first on">首页</li>
            </ul>
        </div>
        <div class="tab-nav-control text-right">
            <button class="btn btn-sm tab-prev" title="向左翻页"><i class="icon icon-backward"></i></button>
            <button class="btn btn-sm tab-next" title="向右翻页"><i class="icon icon-forward"></i></button>
            <div class="dropdown">
                <button class="btn btn-sm" type="button" data-toggle="dropdown">操作 <span class="caret"></span></button>
                <ul class="dropdown-menu pull-right text-center">
                    <li class="close-full"><a href="#">关闭所有选项卡</a></li>
                    <li class="close-on"><a href="#">关闭其他选项卡</a></li>
                    <li class="pos-tab"><a href="#">定位当前选项卡</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 结束 -->

    <!-- 侧边栏 -->
    <div id="sidenav" class="scrollbar-hover">
        <div class="user clearfix">
            <div class="col-xs-12 text-center dropdown">
                <img src="img/demoimg/tx.jpg" alt="管理员头像" class="img-circle admin-tx">
                <h3 class="admin-name" data-toggle="dropdown">超级管理员
                    <!--<span class="caret"></span>-->
                </h3>
                <!--<div class="dropdown-menu nopadding">
                    <table class="table table-bordered">
                        &lt;!&ndash;<tr>
                            <td><a href=""><i class="icon icon-user"></i>修改头像</a></td>
                            <td><a href=""><i class="icon icon-cog"></i>个人资料</a></td>
                        </tr>&ndash;&gt;
                        <tr>
                            <td colspan="2"><a href=""><i class="icon icon-signout"></i>退出系统</a></td>
                        </tr>
                    </table>
                </div>-->
            </div>
        </div>
        <nav class="menu" data-toggle="menu">
            <ul class="nav" style="padding-bottom: 30px;">
                <li class="show nav-parent">
                    <a href="javascript:;"><i class="fa fa-user"></i>账户信息</a>
                    <ul class="nav">
                        <li>
                            <a href="javascript:;" data-url="home.html" data-class="wdzh-zhzl"><i class="fa fa-sliders"></i>账户总览</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/修改资料.html" data-class="wdzh-xgzl"><i class="fa fa-vcard-o"></i>基本资料</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/修改密码.html" data-class="wdzh-xgmm"><i class="fa fa-key"></i>修改密码</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/在线充值.html" data-class="wdzh-zxcz"><i class="fa fa-credit-card"></i>在线充值</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/对公充值.html" data-class="wdzh-dgcz"><i class="fa fa-laptop"></i>对公充值</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/钱包明细.html" data-class="wdzh-qbmx"><i class="fa fa-umbrella"></i>钱包明细</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/产品订单.html" data-class="wdzh-cpdd"><i class="fa fa-first-order"></i>产品订单</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-parent">
                    <a href="javascript:;"><i class="fa fa-users"></i>我的客户</a>
                    <ul class="nav">
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/客户管理.html" data-class="wdzh-khgl"><i class="fa fa-user-o"></i>客户管理</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/客户地址管理.html" data-class="wdzh-khdzgl"><i class="fa fa-map-o"></i>客户地址管理</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-parent">
                    <a href="javascript:;"><i class="fa fa-pie-chart"></i>税收洼地管理</a>
                    <ul class="nav">
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/税收洼地.html" data-class="wdzh-gsgl"><i class="fa fa-server"></i>税收洼地</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/合同管理.html" data-class="wdzh-htgl"><i class="fa fa-pencil-square-o"></i>合同管理</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/模板下载.html" data-class="wdzh-mbxz"><i class="fa fa-object-group"></i>模板下载</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/开票服务.html" data-class="wdzh-kpfw"><i class="fa fa-handshake-o"></i>开票服务</a>
                        </li>
                        <li>
                            <a href="javascript:;" data-url="a-load/我的账户/开票统计.html" data-class="wdzh-kptj"><i class="fa fa-line-chart"></i>开票统计</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;" data-url="a-load/我的账户/消息中心.html" data-class="wdzh-xxzx"><i class="fa fa-envelope"></i>消息中心</a>
                </li>
            </ul>
        </nav>
    </div>
    <!-- 结束 -->

    <!-- 正文 -->
    <div id="main" class="row">
        <div class="main-body clearfix ">
            <!-- 内容区域 -->
            <!-- 右击菜单 -->
            <!-- <div id="c-right-menu">
                <ul>
                    <li><a href="">刷新</a></li>
                </ul>
            </div> -->
            <!-- 结束 -->
            <!-- 首页内容 -->
            <div class="tab-content first-content">
                <iframe src="home.html" id="indexIframe" frameborder="0" ></iframe>
            </div>
            <!-- 结束 -->
        </div>
    </div>
    <!-- 结束 -->

    <!-- 底部 -->
    <div class="row text-center" id="footed">技术支持：语嫣科技有限公司</div>
    <!-- 结束 -->

    <!-- 结束 -->
</div>

<!-- jQuery v2.1.1  -->
<script src="zui/lib/jquery/jquery.js"></script>
<script src="zui/js/zui.min.js"></script>
<script src="zui/lib/bootbox/bootbox.min.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
</body>
</html>

<!-- 自定义组件 -->
<!--
checkbox复选框
<span class="nt-checkbox">
	<input type="checkbox">
	<i class="icon icon-check"></i>
</span>

file上传摁扭组件
<span class="input-group-addon nt-file">
	<i class="icon icon-plus"></i>
	<input type="file">
</span>

file上传图片预览组件 w100px h100px
<div class="nt-imgfile">
	<span class="nt-file">
  		<i class="ion-android-add"></i>
  		<input type="file">
  	</span>
</div>

// 多图上传预览
<div class="nt-imgfiles">
	<div class="btn">
		<i class="icon icon-upload"></i>
		<span>多图上传</span>
		<input type="file" multiple="">
	</div>
	<div class="nt-imgsyulan clearfix"></div>
</div>
 -->
